@charset "utf-8";
/*end*/
body{overflow-x:hidden;}
/**/
.guide{background:url(../images/guide.jpg) no-repeat center;background-size:100% 100%;}
.guide .gui{padding-top:85px;}
.guide .gui h2{width: 513px; height:97px; margin:0 auto 50px;background:url(../images/gui-tit.png) no-repeat center;padding:23px 71px 0 0; box-sizing: border-box; text-align: right;}
.guide .gui h2 span{display: block; height:42px;line-height: 42px;font-size: 36px; color:#333333; font-weight: bold;}
.guide .gui h2 em{display: block; height:26px; line-height: 26px;font-size: 20px; color:#333333; font-weight: normal;}
.guide .gui .gui-ul{height:266px;background:url(../images/gui-yq.png) no-repeat center;}
.guide .gui .gui-ul ul{width:1200px; margin:0 auto;}
.guide .gui .gui-ul ul li{float:left;width:240px; margin-left: 78px;}
.guide .gui .gui-ul ul li:first-child,.guide .gui .gui-ul ul li:last-child{margin-top: 48px;}
.guide .gui .gui-ul ul li em{display: block; width:95px; height:95px; position: relative;margin:0 auto 14px; }
.guide .gui .gui-ul ul li em i{display: block; width:95px; height:95px; line-height: 0; overflow: hidden; position: absolute;left:0;top:0;}
.guide .gui .gui-ul ul li em i img{width: 100%;}
.guide .gui .gui-ul ul li em i.default{-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.guide .gui .gui-ul ul li em i.hover{position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s;}
.guide .gui .gui-ul ul li span{display: block; height:52px; text-align: center;}
.guide .gui .gui-ul ul li span b{display: inline-block; height:52px;line-height: 52px;font-size: 52px; color:#333333;font-family: "Arial";}
.guide .gui .gui-ul ul li span i{display: inline-block;font-size: 18px; color:#333333; vertical-align: top;}
.guide .gui .gui-ul ul li p{height:26px;line-height: 26px;font-size: 18px; color:#666666;text-align: center;}
.guide .gui .gui-ul ul li:first-child{margin-left: 0;}
.guide .gui .gui-ul ul li:nth-child(3){margin-left: 83px;}
.guide .gui .gui-ul ul li:nth-child(4){margin-left: 79px;}
.guide .gui .gui-ul ul li.cur em i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.guide .gui .gui-ul ul li.cur em i.hover{opacity: 1; transform: scale(1);}
.guide .gui .gui-bot{width:84%;margin:0 auto;}
.guide .gui .gui-bot ul li{float:left; width:32.4%;overflow: hidden; position: relative; margin-left: 1.25%;}
.guide .gui .gui-bot ul li .default{width: 100%; position: relative;}
.guide .gui .gui-bot ul li .default span{display: block; width:100%; line-height: 0; overflow: hidden;}
.guide .gui .gui-bot ul li .default span img{width:100%; transition: 1s;}
.guide .gui .gui-bot ul li .default h4{height:79px;width:100%; position: absolute;left:0;bottom:0; text-align: center; transition: .5s; display:none;}
.guide .gui .gui-bot ul li .default h4 b{display:inline-block; height:32px;line-height: 32px;padding:0 36px; position: relative;font-size: 24px; color:#FFF; font-weight: bold; box-sizing: border-box;}
.guide .gui .gui-bot ul li .default h4 b:before{width:24px; height:2px; background:#FFF;content:"";position:absolute;left:0;top:16px;}
.guide .gui .gui-bot ul li .default h4 b:after{width:24px; height:2px; background:#FFF;content:"";position:absolute;right:0;top:16px;}
.guide .gui .gui-bot ul li .default h4 em{display: block; line-height: 17px; text-align: center;font-size: 12px; color:rgba(255,255,255,0.5); text-transform: uppercase; font-weight: normal;width:79%;margin:0 auto;}
.guide .gui .gui-bot ul li .hover{width:100%; height:100%;background:rgba(0,0,0,0.5); position: absolute;left:0;top:0;padding-top:73px; box-sizing: border-box;/*transform: scale(0); transition: .8s;*/}
.guide .gui .gui-bot ul li .hover h4{height:52px;line-height: 52px; text-align: center;font-size: 28px; color:#FFF; font-weight: bold;}
.guide .gui .gui-bot ul li .hover i{display: block; width:24px; height:2px;background:#FFF; margin:0 auto 20px; }
.guide .gui .gui-bot ul li .hover span{display: block; height:28px;line-height: 28px; text-align: center;font-size: 18px; color:#FFF;}
.guide .gui .gui-bot ul li .hover em{display: block; height:18px;line-height: 18px; text-align: center; font-size: 12px; color:rgba(255,255,255,0.5); text-transform: uppercase; margin:0 auto 59px;width:79%;}
.guide .gui .gui-bot ul li .hover b{display: block; width:46px; height:48px; margin:0 auto; line-height: 0; overflow: hidden;}
.guide .gui .gui-bot ul li .hover b img{width:100%;}
.guide .gui .gui-bot ul li:hover .default span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}
.guide .gui .gui-bot ul li:hover .default h4{bottom:-80px; opacity: 0;}
.guide .gui .gui-bot ul li:first-child{margin-left: 0;}
.guide .gui .gui-bot ul li:hover .hover{transform: scale(1);}
@media screen and (min-width:230px) and (max-width:1680px){
.guide .gui .gui-bot{width:94%;}
.guide .gui .gui-ul ul li{width:225px; margin-left: 98px;}
.guide .gui .gui-ul ul li:nth-child(2){margin-left: 98px;}
.guide .gui .gui-ul ul li:nth-child(3){margin-left: 103px;}
.guide .gui .gui-ul ul li:nth-child(4){margin-left: 99px;}
.guide .gui .gui-bot ul li .hover{padding-top:8%;}
.guide .gui .gui-bot ul li .hover em{margin:0 auto 8%;width:79%;}
}
/**/
.solution{padding:91px 0 54px;}
.solution h2{text-align: center;margin-bottom: 46px;}
.solution h2 span{display: block; height:59px; line-height: 59px;font-size: 42px; color:#333333;font-weight: bold;margin-bottom: 6px;}
.solution h2 i{display: block;width:142px; height:20px;line-height: 20px; margin:0 auto; text-align: center; text-transform: uppercase;font-size: 16px; color:#cccccc; position: relative;}
.solution h2 i:before{width:336px; height:1px; background:#dcdcdc;content:""; position: absolute;left:-336px; top:10px;}
.solution h2 i:after{width:336px; height:1px; background:#dcdcdc;content:""; position: absolute;right:-336px; top:10px;}
.solution h2 em{display: block; height:28px;line-height: 28px; font-size: 20px; color:#333333; font-weight: normal;}
.solution ul{margin-bottom: 53px;}
.solution ul li{float:left; width:32.7%;box-shadow: 0px 7px 15px 0px rgba(102, 102, 102, 0.15); margin-left: 0.9%;}
.solution ul li:first-child{margin-left: 0;}
.solution ul li dl{position: relative; overflow: hidden;}
.solution ul li dl dt{width: 100%; line-height: 0; overflow: hidden;}
.solution ul li dl dt img{width:100%; transition: 1s;}
.solution ul li dl dd{height:261px;padding:24px 55px 0; box-sizing: border-box; position: relative;}
.solution ul li dl dd .default{transition: .5s;}
.solution ul li dl dd .default h4{height:57px;line-height: 57px; margin-bottom: 8px; text-align: center;}
.solution ul li dl dd .default h4 a{font-size: 30px; color:#333333; font-weight: bold;}
.solution ul li dl dd .default p{line-height: 28px;text-align: center;font-size: 16px; color:#666666; margin-bottom: 34px;}
.solution ul li dl dd .default em{display: block; width:44px;height:44px;margin:0 auto;}
.solution ul li dl dd .default em a{display: block; height:44px; background: url(../images/sol-jia.png) no-repeat center;}
/*.solution ul li dl dd .hover{width:100%; height:442px; background:#2F8290; position: absolute;left:0;bottom:-442px;padding:54px 54px 0; box-sizing: border-box; transition: .5s;}*/
.solution ul li dl dd .hover h4{height:67px; line-height: 67px;margin-bottom: 13px; text-align: center;}
.solution ul li dl dd .hover h4 a{font-size: 30px; font-weight: bold;}
.solution ul li dl dd .hover p{line-height: 27px;text-align: center; margin-bottom: 90px;font-size: 16px;}
.solution ul li dl dd .hover em{display: block; width:154px; height:45px; line-height: 41px; border:2px solid #FFF; border-radius: 23px; overflow: hidden;text-align: center;margin:0 auto;}
.solution ul li dl dd .hover em a{font-size: 16px; color:#666666;}
.solution ul li.cur dl dd .default{opacity: 0;}
.solution ul li.cur dl dd .hover{bottom:0;}
.solution .sol-tel{width:562px; height:59px;margin:0 auto;box-shadow: 0px 7px 15px 0px rgba(102, 102, 102, 0.15);border-radius: 30px;}
.solution .sol-tel a{display: block;width:187px; height:59px; line-height: 59px; text-align: center;font-size: 20px; color:#333333; font-weight: bold;float:left;background:#FFD400;box-shadow: 0px 7px 15px 0px rgba(102, 102, 102, 0.15);border-radius: 30px;}
.solution .sol-tel span{display: block; height:59px; float:right; margin-right: 53px;}
.solution .sol-tel span em{display: block; height:59px; line-height: 59px; float:left; padding-left:39px;font-size: 16px; color:#333333;background: url(../images/sol-tel.png) no-repeat left;}
.solution .sol-tel span i{display: block; height:59px; line-height: 59px; float:left;font-size: 28px;color:#333333;font-weight: bold; font-family: "Arial";}
@media screen and (min-width:230px) and (max-width:1680px){
.solution ul li dl dd{padding:14px 43px 0;}
.solution ul li dl dd .hover{padding:54px 52px 0;height:390px;}
.solution ul li dl dd .hover p{margin-bottom: 60px;}
}
@media screen and (min-width:230px) and (max-width:1600px){
.solution ul li dl dd{padding:14px 43px 0;}
.solution ul li dl dd .hover{padding:54px 52px 0;height:390px;}
.solution ul li dl dd .hover p{margin-bottom: 60px;}
}
/**/
.case{background:#f2f2f2;}
.case .cas{padding:93px 0 101px;}
.case .cas h2{text-align: center; margin-bottom: 47px;}
.case .cas h2 span{display: block; height:60px;line-height: 60px;font-size: 42px; color:#333333; font-weight: bold; margin-bottom: 6px;}
.case .cas h2 i{display: block; width:128px; height:20px; line-height: 20px;text-align: center; position: relative;font-size: 16px; color:#cccccc; font-weight: bold; text-transform: uppercase;margin:0 auto;}
.case .cas h2 i:before{width:336px;height:1px; background:#dcdcdc; content:""; position: absolute;left:-336px;top:10px;}
.case .cas h2 i:after{width:336px;height:1px; background:#dcdcdc; content:""; position: absolute;right:-336px;top:10px;}
.case .cas h2 em{display: block; height:28px; line-height: 28px;font-size: 20px; color:#333333; font-weight: normal;}
.case .cas .cas-nav{height:139px;}
.case .cas .cas-nav li{float:left; width:14.2%;height:139px; position: relative;}
.case .cas .cas-nav li:before{width:0; height:2px; background:#2f8290;content:""; position: absolute;left:0;top:0; transition: .5s;}
.case .cas .cas-nav li a{display: block; height:139px;padding-top:30px; box-sizing: border-box;}
.case .cas .cas-nav li i{display: block; width:43px;height:37px; line-height: 0; overflow: hidden;margin:0 auto;}
.case .cas .cas-nav li i img{width:100%; transition: .5s;}
.case .cas .cas-nav li em{display: block; height:52px; line-height: 52px; text-align: center;font-size: 18px; color:#333333;}
.case .cas .cas-nav li.cur:before{width:100%;}
.case .cas .cas-nav li.cur i img{margin-top:-37px;}
.case .cas .cas-nav li.cur em{color:#2f8290; font-weight: bold;}
.case .cas .cas-nav li:last-child:hover:before{width:100%;}
.case .cas .cas-nav li:last-child:hover i img{margin-top:-37px;}
.case .cas .cas-nav li:last-child:hover em{color:#2f8290; font-weight: bold;}
.case .cas .cas-cen{height:674px; margin-bottom: 23px;}
.case .cas .cas-cen .left{width:75%;height:674px; line-height: 0;float:left; overflow: hidden; position: relative;}
.case .cas .cas-cen .left dl{position: relative;}
.case .cas .cas-cen .left dl dt{width:100%; height:674px; line-height: 0; overflow: hidden;}
.case .cas .cas-cen .left dl dt img{width: 100%;transition: 1s;}
.case .cas .cas-cen .left dl dd{height:115px; background:rgba(255,255,255,0.85); width:100%; position: absolute;left:0; bottom:0;padding:23px 36px 0 41px; box-sizing: border-box;}
.case .cas .cas-cen .left dl dd h4{height:40px; line-height: 40px;/*background:url(../images/cas-jia.png) no-repeat right;*/}
.case .cas .cas-cen .left dl dd h4 a{display: block; height: 40px;font-size: 24px; color:#333333; font-weight: normal;}
.case .cas .cas-cen .left dl dd p{height:31px;line-height: 31px;font-size: 16px; color:#666666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*.case .cas .cas-cen .left dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}*/
.case .cas .cas-cen .rig{width:23.8%;float:right; position: relative;}
.case .cas .cas-cen .rig .bd{overflow: hidden;height:674px;}
.case .cas .cas-cen .rig ul li{margin-bottom: 20px;}
.case .cas .cas-cen .rig ul li dl dt{width:100%; height:214px; overflow: hidden; line-height: 0; }
.case .cas .cas-cen .rig ul li dl dt img{width: 100%; height:100%; }
.case .cas .cas-cen .rig ul li dl dd{height:113px;background:#FFF;padding:11px 33px 0 31px; box-sizing: border-box;}
.case .cas .cas-cen .rig ul li dl dd h4{height:33px; line-height: 33px; margin-bottom: 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case .cas .cas-cen .rig ul li dl dd h4 a{font-size: 18px; color:#333333; font-weight: normal;}
.case .cas .cas-cen .rig ul li dl dd p{ line-height: 27px; font-size: 16px; color:#666666;}
/*.case .cas .cas-cen .rig ul li:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}*/
.case .cas .cas-cen .rig .rig-jt{width:40px;position: absolute;right:-44px; top:0;}
.case .cas .cas-cen .rig .rig-jt i{display: block; height:40px; cursor: pointer;}
.case .cas .cas-cen .rig .rig-jt i.cas-prev{background:url(../images/cas-prev.jpg) no-repeat center; margin-bottom: 1px;}
.case .cas .cas-cen .rig .rig-jt i.cas-next{background:url(../images/cas-next.jpg) no-repeat center;}
.case .cas .cas-loop{overflow: hidden;}
.case .cas .cas-loop .rig-jt i.pro-prev{background:url(../images/pro-prev.png) no-repeat center;position: absolute;left: 120px;width: 25px;height: 25px;margin-top: -73px;border: 1px solid #ccc;cursor: pointer;}
.case .cas .cas-loop .rig-jt i.pro-next{background:url(../images/pro-next.png) no-repeat center;position: absolute;right: 120px;width: 25px;height: 25px;margin-top: -73px;border: 1px solid #ccc;cursor: pointer;}
.case .cas .cas-loop{overflow: hidden;}
.case .cas .cas-loop .bd{overflow: hidden;}
.case .cas .cas-loop .bd ul li{float:left; width:228px !important; line-height: 0; overflow: hidden;border:1px solid #f2f2f2; box-sizing: border-box;}
.case .cas .cas-loop .bd ul li img{width:100%;}
@media screen and (min-width:760px) and (max-width:1680px){
.case .cas .cas-cen .rig ul li dl dd{padding:11px 15px 0;}
.case .cas .cas-loop .bd ul li{ width:180px !important; }
}
/**/
.product{padding-bottom:49px;}
.product .pro{padding-top:89px;}
.product .pro h2{text-align: center; margin-bottom: 46px;}
.product .pro h2 span{display: block; height:60px;line-height: 60px;font-size: 42px; color:#333333; font-weight: bold; margin-bottom: 6px;}
.product .pro h2 i{display: block; width:188px; height:20px; line-height: 20px;text-align: center; position: relative;font-size: 16px; color:#cccccc; font-weight: bold; text-transform: uppercase;margin:0 auto;}
.product .pro h2 i:before{width:336px;height:1px; background:#dcdcdc; content:""; position: absolute;left:-336px;top:10px;}
.product .pro h2 i:after{width:336px;height:1px; background:#dcdcdc; content:""; position: absolute;right:-336px;top:10px;}
.product .pro h2 em{display: block; height:28px; line-height: 28px;font-size: 20px; color:#333333; font-weight: normal;}
.product .pro .pro-nav{width:720px; height:89px;margin:0 auto;}
.product .pro .pro-nav ul li{float:left;width:25%;height:89px; line-height: 89px; text-align: center;position: relative;}
.product .pro .pro-nav ul li:before{width:0;height:2px;background:#2f8290;content:""; position: absolute;left:0;top:0; transition: .5s;}
.product .pro .pro-nav ul li a{display: block;height:89px;font-size: 20px; color:#333333;position: relative;}
.product .pro .pro-nav ul li a:before{width:1px; height:19px; background:#dcdcdc;content:""; position: absolute;right:0;top:36px;}
.product .pro .pro-nav ul li:last-child a:before{display: none;}
.product .pro .pro-nav ul li.cur:before{width: 100%;}
.product .pro .pro-nav ul li.cur a{font-weight: bold; color:#2f8290;}
.product .pro-list{position: relative; margin-bottom: 55px;}
.product .pro-list .bd{overflow: hidden;}
.product .pro-list .bd ul li{float:left; width:510px !important; height:469px; background:#EEEEEE;margin-right: 35px;padding:19px 19px 0; box-sizing: border-box; transition: .5s;}
.product .pro-list .bd ul li dl dt{width: 100%; height:336px; line-height: 0; overflow: hidden;}
.product .pro-list .bd ul li dl dt img{width:100%; height:100%; transition: 1s;}
.product .pro-list .bd ul li dl dd{padding-top:22px;}
.product .pro-list .bd ul li dl dd h4{text-align: center;height:34px;line-height: 34px;}
.product .pro-list .bd ul li dl dd h4 a{font-size: 20px; color:#333333; font-weight: normal;}
.product .pro-list .bd ul li dl dd em{display: block; height:31px; line-height: 30px; text-align: center;}
.product .pro-list .bd ul li dl dd em a{font-size: 16px; color:#666666;}
.product .pro-list .bd ul li:hover dl dd h4 a,.product .pro-list .bd ul li:hover dl dd em a{color:#FFF;}
.product .pro-list .pro-jt i{display: block; width:60px; height:60px; cursor: pointer; transition:.5s;border-radius:10px;}
.product .pro-list .pro-jt i.pro-prev{background:url(../images/pro-prev.png) no-repeat center; position: absolute;left:-92px;top:205px;}
.product .pro-list .pro-jt i.pro-next{background:url(../images/pro-next.png) no-repeat center; position: absolute;right:-92px;top:205px;}
.product .pro-list .pro-jt i:hover{box-shadow:0px 0px 30px #ccc;}
.product .sol-tel{width:562px; height:59px;margin:0 auto;box-shadow: 0px 7px 15px 0px rgba(102, 102, 102, 0.15);border-radius: 30px;}
.product .sol-tel a{display: block;width:187px; height:59px; line-height: 59px; text-align: center;font-size: 20px; color:#333333; font-weight: bold;float:left;background:#FFD400;box-shadow: 0px 7px 15px 0px rgba(102, 102, 102, 0.15);border-radius: 30px;}
.product .sol-tel span{display: block; height:59px; float:right; margin-right: 53px;}
.product .sol-tel span em{display: block; height:59px; line-height: 59px; float:left; padding-left:39px;font-size: 16px; color:#333333;background: url(../images/sol-tel.png) no-repeat left;}
.product .sol-tel span i{display: block; height:59px; line-height: 59px; float:left;font-size: 28px;color:#333333;font-weight: bold; font-family: "Arial";}
@media screen and (min-width:760px) and (max-width:1680px){
.product .pro-list .bd ul li{width:395px !important;height:400px;}
.product .pro-list .bd ul li dl dt{height:254px;}
}
/**/
.super{padding-top:30px;}
.super h2{text-align: center;margin-bottom: 46px;}
.super h2 span{display: block; height:59px; line-height: 59px;font-size: 42px; color:#333333;font-weight: bold;margin-bottom: 6px;}
.super h2 i{display: block;width:200px; height:20px;line-height: 20px; margin:0 auto; text-align: center; text-transform: uppercase;font-size: 16px; color:#cccccc; position: relative;}
.super h2 i:before{width:336px; height:1px; background:#dcdcdc;content:""; position: absolute;left:-336px; top:10px;}
.super h2 i:after{width:336px; height:1px; background:#dcdcdc;content:""; position: absolute;right:-336px; top:10px;}
.super h2 em{display: block; height:28px;line-height: 28px; font-size: 20px; color:#333333; font-weight: normal;}
.super .sup-list{height:800px;}
.super .sup-list dl dt{width:50%; height:800px;float:right; line-height: 0; overflow: hidden;}
.super .sup-list dl dt img{width: 100%; height:100%;}
.super .sup-list dl dd{width: 50%; height:800px;float:left; background:url(../images/supbj.jpg) no-repeat center top; background-size:100% 100%;padding:104px 98px 0 13.6%; box-sizing: border-box;}
.super .sup-list dl dd h4{margin-bottom: 53px;height:82px; position: relative;}
.super .sup-list dl dd h4:before{width:113px; height:2px; background:#FFF; content:"";position: absolute;left:0;bottom:0;}
.super .sup-list dl dd h4 span{display: block; height:42px;line-height: 42px;font-size: 36px; color:#FFF; font-weight: bold;}
.super .sup-list dl dd h4 em{display: block; height:18px;line-height: 18px;font-size: 16px; color:rgba(255,255,255,0.5); font-weight: normal;}
.super .sup-list dl dd p{ line-height: 29px;font-size: 16px; color: #FFF;}
.super .sup-qh{width: 73.5%;margin:0 auto; position: relative;}
.super .sup-qh .ys_pg{width:100px; height:10px; position: absolute;left:0;top:-350px;}
.super .sup-qh .ys_pg i{float:left; width:10px; height:10px; background:#FFF;border-radius: 5px 2px 5px 5px; margin-right: 12px;}
.super .sup-qh .ys_pg i.cur{background:#FFD400;}
.super .sup-qh .sup-hd2{width:100%; height:211px;background: #FFF;position: absolute;left:0;top:-256px;}
.super .sup-qh .sup-hd2 ul li{float:left; width: 25%; height:211px;padding:39px 0 0 60px; box-sizing: border-box;}
.super .sup-qh .sup-hd2 ul li i{display: block; width:45px; height:43px; line-height: 0; overflow: hidden;padding-bottom:19px; position: relative; margin-bottom: 32px;}
.super .sup-qh .sup-hd2 ul li i img{width:100%;}
.super .sup-qh .sup-hd2 ul li i:before{width:28px; height:2px; background:#333333;content:""; position: absolute;left:0;bottom:0;}
.super .sup-qh .sup-hd2 ul li h4 span{display: block; height:26px; line-height: 26px;font-size: 20px; color:#333333; font-weight: bold;}
.super .sup-qh .sup-hd2 ul li h4 em{display: block; height:18px; line-height: 18px;font-size: 12px; color:#999999; font-weight: normal;font-family: "Arial";}
.super .sup-qh .sup-hd2 ul li.cur{background:#FFD400;}
.super .sup-qh .sup-hd2 ul li.cur h4 em{color:#333;}
@media screen and (min-width:760px) and (max-width:1680px){
.super{height:820px;}
.super .sup-list{height:562px;}
.super .sup-qh{width:93.5%;}
.super .sup-list dl dd{padding:104px 6% 0 3.6%;}
.super .sup-list dl dt,.super .sup-list dl dd{height:562px;}
.super .sup-qh .ys_pg{top:-180px;}
.super .sup-qh .sup-hd2{top:-110px;}
}
/**/
.news{padding:107px 0 98px;}
.news h2{text-align: center; margin-bottom: 21px;}
.news h2 span{display: block; height:60px;line-height: 60px;font-size: 42px; color:#333333; font-weight: bold; margin-bottom: 6px;}
.news h2 i{display: block; width:148px; height:20px; line-height: 20px;text-align: center; position: relative;font-size: 16px; color:#cccccc; font-weight: bold; text-transform: uppercase;margin:0 auto;}
.news h2 i:before{width:336px;height:1px; background:#dcdcdc; content:""; position: absolute;left:-336px;top:10px;}
.news h2 i:after{width:336px;height:1px; background:#dcdcdc; content:""; position: absolute;right:-336px;top:10px;}
.news h2 em{display: block; height:28px; line-height: 28px;font-size: 20px; color:#333333; font-weight: normal;}
.news .news-left{width:60.3%;float:left;}
.news .news-left .news-tit{height:77px;}
.news .news-left .news-tit span{display: block; float:left; height:77px;line-height: 77px;font-size: 24px; color:#333333;}
.news .news-left .news-tit i{display: block;float:right; width:74px; height:22px;line-height: 22px; text-align: center;border:1px solid #2F8290;font-size: 14px; color:#2F8290; margin-top: 31px; text-transform: uppercase;}
.news .news-left .news-tit:hover span{color:#2F8290;}
.news .news-left .news-tit:hover i{background:#2F8290;color:#FFF;}
.news .news-left dl{width:48.4%;float:left;}
.news .news-left dl dt{width:100%;display:block; overflow: hidden;}
.news .news-left dl dt img{width:100%;height:100%; transition:1s;}
.news .news-left dl dd{padding-top:23px;}
.news .news-left dl dd h4{height:40px;line-height: 40px;margin-bottom: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-left dl dd h4 a{font-size: 18px; color:#333333; font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; transition:.5s;}
.news .news-left dl dd p{ line-height: 26px; font-size: 15px; color:#666666; margin-bottom: 17px;}
.news .news-left dl dd i{display: block; height:20px;line-height: 20px;font-size: 14px; color:#999999;}
/*.news .news-left dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}*/
.news .news-left dl:hover dd h4 a{color:#2F8290;}
.news .news-left .bd{width:396px; height:490px; overflow:hidden;float:right;}
.news .news-left .new_cl{width:46.7%; }
.news .news-left ul li{ margin-bottom: 38px;height:50px;}
.news .news-left ul li h4 a{display: block;font-size: 18px; color:#333333;height:29px;line-height: 29px; font-weight: normal;padding-left:17px;background:url(../images/news-dd.png) no-repeat left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-left ul li h4 i{display: block; height:21px;line-height: 21px;font-size: 14px; color:#999999;margin-left: 17px; font-weight: normal;}
.news .news-left ul li:last-child{margin-bottom: 0;}
.news .news-left ul li:hover h4 a{color:#2F8290;}
.news .news-left ul li:hover h4 i{color:#2F8290;}
.news .news-rig{width:33.4%;float:right;}
.news .news-rig .news-tit{height:77px;}
.news .news-rig .news-tit span{display: block; float:left; height:77px;line-height: 77px;font-size: 24px; color:#333333;}
.news .news-rig .news-tit i{display: block;float:right; width:74px; height:22px;line-height: 22px; text-align: center;border:1px solid #2F8290;font-size: 14px; color:#2F8290; margin-top: 31px; text-transform: uppercase;}
.news .news-rig .news-tit:hover span{color:#2F8290;}
.news .news-rig .news-tit:hover i{background:#2F8290;color:#FFF;}
.news .news-rig .bdt{height:490px; overflow:hidden;}
.news .news-rig .bdt ul li{height:180px !important; border-bottom:1px solid #dcdcdc; box-sizing: border-box;padding-top:34px;}
.news .news-rig .bdt ul li:first-child{height:129px;padding-top:0;}
.news .news-rig .bdt ul li h4{height:44px; margin-bottom: 3px; line-height: 44px;padding-left:40px; background:url(../images/news-ico.png) no-repeat left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig .bdt ul li h4 a{font-size: 18px; color:#333333; font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig .bdt ul li p{line-height: 26px;font-size: 15px;color:#666666;}
.news .news-rig .bdt ul li:hover h4 a{color:#2F8290;}
/**/
.about{height:879px; background:url(../images/about.jpg) no-repeat center top; overflow: hidden;}
.about .abo{padding-top:97px;}
.about .abo .abo-top{height:460px;}
.about .abo .abo-top .left{width:730px;float:left;}
.about .abo .abo-top .left h4{ margin-bottom: 26px;height:138px; padding-top:55px; box-sizing: border-box;background:url(../images/abo-tit.png) no-repeat left top;}
.about .abo .abo-top .left h4 span{display: block; height:51px;line-height: 51px; font-size: 42px;color:#FFF; font-weight: bold;}
.about .abo .abo-top .left h4 em{display: block; height:32px; line-height: 32px;font-size: 22px; color:#FFF; font-weight: normal;}
.about .abo .abo-top .left p{line-height: 31px;font-size: 14px; color:rgba(255,255,255,0.8); margin-bottom: 60px;}
.about .abo .abo-top .left b{display: block; width:44px;height:44px;}
.about .abo .abo-top .left b a{display: block; height:44px; background:url(../images/abo-jia.png) no-repeat center;}
.about .abo .abo-top .rig{width:370px; margin-right: 100px;float:right;}
.about .abo .abo-top .rig ul li{height:83px; margin-bottom: 49px;}
.about .abo .abo-top .rig ul li b{display: block; width:83px; height:83px;line-height: 0; overflow: hidden; float:right; margin-left: 24px;transition: all 0.5s ease-in-out;}
.about .abo .abo-top .rig ul li b img{width:100%;}
.about .abo .abo-top .rig ul li:hover b{transform: rotate(360deg);}
.about .abo .abo-top .rig ul li h4{float:right;text-align: right;padding-top:20px;}
.about .abo .abo-top .rig ul li h4 span{display: block; height:32px; line-height: 32px;font-size: 24px; color:#FFF; font-weight: normal;}
.about .abo .abo-top .rig ul li h4 i{display: block; height:17px;line-height: 17px;font-size: 12px; color:rgba(255,255,255,0.5);text-transform: uppercase; font-weight: normal;}
.about .abo .abo-top .rig ul li:nth-child(2) b{margin-right: 60px;}
.about .abo .abo-top .rig ul li:nth-child(3) b{margin-right: 153px;}
.about .abo .abo-con{position: relative;}
.about .abo .abo-con .bd{overflow: hidden; margin-bottom: 23px;}
.about .abo .abo-con .bd ul li{float:left;width:338px !important;margin-right: 16px; position: relative;}
.about .abo .abo-con .bd ul li span{display: block;width: 100%; height:253px; line-height: 0; overflow: hidden; }
.about .abo .abo-con .bd ul li span img{width:100%; transition: 1s;height:100%;}
.about .abo .abo-con .bd ul li em{display: block;width:100%; height:253px; line-height: 253px;text-align: center; background: rgba(0,0,0,0.5); font-size: 16px; color:#FFF; transition: .8s;transform: scale(0); opacity: 0; position: absolute;left:0;top:0;}
.about .abo .abo-con .abo-jt{width:63px; height:21px;margin:0 auto;}
.about .abo .abo-con .abo-jt i{display: block; width:12px; height:21px;cursor: pointer;float:left;}
.about .abo .abo-con .abo-jt i.abo-prev{background:url(../images/abo-prev.png) no-repeat center;}
.about .abo .abo-con .abo-jt i.abo-next{background:url(../images/abo-next.png) no-repeat center;float:right;}
.about .abo .abo-con .bd ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}
.about .abo .abo-con .bd ul li:hover em{transform: scale(1); opacity: 1;}
@media screen and (min-width:760px) and (max-width:1680px){
.about .abo .abo-top .rig{margin-right: 28px;}
.about .abo .abo-con .bd ul li{width:303px !important;}
}
@media screen and (max-width:1600px){
.content2{width:80.5% !important;margin:0 auto;}
}